<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=UTF-8>
<title>仿fbmodal</title>
<script type="text/javascript" src="./fbmodal/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="./fbmodal/jquery.fbmodel.js"></script>
<link rel="stylesheet" type="text/css" href="./fbmodal/fbmodal.css" />
<script type="text/javascript">
	$(function() {
		$("#open10").click(function() {
			$(".test").fbmodal({
				modalwidth : "400"
			}, function(callback) {
				if (callback == 1) {
					alert("你点了确定按钮");
				}
				if (callback == 2) {
					alert("你点了取消按钮");
				}
			});
		});
	});
</script>
<style>
#content {
	text-align: center;
	font-size: 16px;
	margin-top: 100px;
	font-family: 'microsoft yahei';
}
</style>
</head>
<body style="height: 800px;">
	<a href="javascript:void(0)" id="open10">Modal 10</a>
	<div id="content">
		<div class="test">
			<p style="line-height:2;text-indent:1.2em;">
				JS代码网专注于JS代码,网页特效和网站模板的学习和下载 <a href="javascript: vaoid(0)"
					id="close">关闭</a>
			</p>
		</div>
	</div>
</body>
</html>